<template>
<view>
<view class="top-handle">
    <view @tap="doDay" class="prev" data-key="left">
        <image :src="__wxapp_img.register.left.url"></image>
    </view>
    <view class="today">{{currentDate}}</view>
    <view @tap="doDay" class="next" data-key="right">
        <image :src="__wxapp_img.register.right.url"></image>
    </view>
</view>
<view class="week">
    <view v-for="(item, index) in weeks" :key="index" class="weeks-day">{{item.day}}</view>
</view>
<view class="box-flex">
    <view v-for="(vo, key) in currentDayList" :key="key" class="flex-item">
        <block v-if="vo.is_re==1">
            <view @tap="selectDay" :class="'item-content ' + !selectCSS" :data-day="vo.date" v-if="currentDay!=vo.date">
                <image class="re_pic" :src="__wxapp_img.register.quan.url"></image>
                {{vo.date}}
            </view>
        </block>
        <block v-else>
            <view @tap="selectDay" :class="'item-content ' + !selectCSS" :data-day="vo.date" v-if="currentDay!=vo.date">
                {{vo.date}}
            </view>
        </block>
        <block v-if="vo.is_re==1">
            <view @tap="selectDay" :class="'item-content ' + selectCSS" :data-day="vo.date" v-if="currentDay==vo.date">
                <image class="re_pic" :src="__wxapp_img.register.quan.url"></image>
                {{vo.date}}
            </view>
        </block>
        <block v-else>
            <view @tap="selectDay" :class="'item-content ' + selectCSS" :data-day="vo.date" v-if="currentDay==vo.date">
                {{vo.date}}
            </view>
        </block>
    </view>
</view>
</view>
</template>

<style>
@import "./calendar.css";
</style>